
.act-container {
  width: 100%;
  background-color: #fff;
  padding-bottom: 3rem;

  .act-thumb {
    width: 100%;

    img {
      width: 100%;
      height: 56%;
    }
  }

  .act-head {
    padding: 1rem;

    h2 {
      margin: 0;
      font-size: 1.2em;
      font-weight: normal;
      line-height: 1.8em;
    }

    .wave-progress {
      width: 3rem;
      height: 3rem;
      border: .06rem solid #108ee9;
    }

    .act-tips {
      font-size: .8em;
      color: #666;

      .am-icon {
        color: #108ee9;
      }
    }
  }

  .act-body {
    padding: 1rem;

    h2 {
      margin: 0;
      font-size: 1.4em;
      font-weight: normal;
      line-height: 1.8em;
    }

    .act-detail {
      line-height: 2em;
    }
  }
}

.act-regbtn {
  width: 100%;
  position: fixed;
  bottom: 0;

  [role='button'] {
    border-radius: 0;
  }
}

.act-list-bar {
  font-size: 16px;
  text-align: center;
  font-weight: normal;
  border-bottom: 1px solid #ddd;
  background-color: #fff;

  .act-list-bar-item {
    line-height: 43.5px;
    margin: 0;

    .act-bar-picker {
      position: relative;

      &::after {
        display: inline-block;
        line-height: 43.5px;
        position: absolute;
        right: .5rem;
        top: 0;
        font-size: 1.2rem;
        font-family: "iconfont" !important;
        content: '\e9d9';
      }
    }
  
    & + .act-list-bar-item {
      border-left: 1px solid #eee;
    }
  }
}

